<template>
  <div class="user-box">
    <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        background-color="#DCDCDC"
        text-color="#696969"
        active-text-color="#b5601a"
        router
    >
      <el-menu-item index="info">个人信息</el-menu-item>
      <el-menu-item index="mission">飞行任务统计</el-menu-item>
      <el-menu-item index="manage">用户管理</el-menu-item>
    </el-menu>
    <router-view></router-view>
  </div>
</template>

<script setup>
import {ElMenu, ElMenuItem} from "element-plus"
import UserManage from "@/components/UserManage/index.vue"
import {onMounted, ref} from "vue"
import {useRouter} from "vue-router"

const activeIndex = ref('info')

</script>

<style scoped lang="less">
.user-box{
  width: 98.5%;
  height: 90vh;
  background-color: rgba(250, 250, 250);
  margin: 8vh auto 0 auto;
  border: 1px solid #191970;
}
</style>
